<template>
  <div class="albumn-wrap">
    <div class="albumn-content flex-content">
      <AlbumnCard v-for="item in list" :key="item.title" :album="item" />
    </div>
  </div>
</template>
<script lang="ts">
import { PropType } from "vue";
import AlbumnCard from "@/views/index/components/AlbumnCard.vue";
export default {
  props: {
    list: {
      type: Array as PropType<CustomTypeAlubm.Album[]>,
    },
  },
  components: {
    AlbumnCard,
  },
};
</script>
<style lang="scss" scoped>
.albumn-wrap {
  overflow-x: hidden;
}
.albumn-content {
  width: calc(100% + 10px);
}
</style>
